<style lang="less" scoped>
.middle-page {

}
</style>

<template>
  <div class="middle-page">
    <p>请选择开始时间和结束时间</p>
    <div class="dateblock">
      <el-date-picker size="large" v-model="value" type="datetimerange" range-separator="至"
      start-placeholder="开始日期" end-placeholder="结束日期">
      </el-date-picker>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: [new Date(2017, 2, 1, 11, 11), new Date(2017, 2, 2, 11, 11)]
    }
  }
}
</script>
